/* pages/my-users/my-users.wxss */

.user-bg {
  background: #FFAA00;
  font-size: 36rpx;
  height: 200rpx;
  line-height: 200rpx;
}

.user-bg-my {
  display: block;
  text-align: center;
  color: #f1e9e9;
  font-size: 24rpx;
  padding: 10rpx 0 20rpx;
}
.user-bg .text {
  display: block;
  text-align: center;
  font-size: 28rpx;
  color: #ffffff;
}

.user-bg .text .number {
  display: inline-block;
  font-size: 36rpx;
  margin: 0 20rpx;
  vertical-align: middle;
}


.table {
  border: 0px solid darkgray;
 }
 .tr {
  display: flex;
  width: 710rpx;

  justify-content: space-between;
  padding: 0 20rpx;
  margin-bottom: 5px;
  height: 3rem;
  align-items: center;
 }
 .tr2{
   height: 160rpx;
 }
 .flex{
   display: flex;
 }
 .flex-space{
   display: flex;
   justify-content: space-between;
 }
 .flex-item{
   display: flex;
   align-items: center;
 }
 .td {
  text-align: center;
 }
 .td .user-info{
   max-width: 400rpx;
 }
 .td .username{
    width: 100%;
    margin-bottom:15rpx ;
 }
 .username-text{
   max-width: 322rpx;
   font-size: 28rpx;
   font-family: PingFang SC;
   font-weight: 400;
   line-height: 40rpx;
   color: #333333;
 }

.join-time{
  text-align: left;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 33rpx;
  color: #999999;
}
 .text-nowrap{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
 }
 .user-profit{
   font-size: 28rpx;
   font-family: PingFang SC;
   font-weight: bold;
   line-height: 40rpx;
   color: #F81A1A;
 }
 .no{
   display: flex;
   justify-content: center;
   align-items: center;
   width: 68rpx;
   height: 32rpx;
   text-align: center;
   opacity: 1;
   border-radius: 2rpx 10rpx 2rpx 10rpx;
   font-size: 20rpx;
   margin-right: 10rpx;
   font-family: Arial;
   font-weight: bold;
   color: #FFFFFF;
   opacity: 1;

 }
 .no1-bg{
   background: rgb(228, 49, 48)
 }
 .no2-bg{
   background: rgb(85, 129, 250);
 }
 .no3-bg{
   background: rgb(255, 170, 0);
 }
 .bot-border{
   position: relative;
 }
 .bot-border::after{
   position:absolute ;
   content: '';
   display: block;
   width: 600rpx;
   height:1px ;
   background-color:#F1F1F1 ;
   right: 0;
   bottom: 0;
 }
 .bg-w{
  background: snow;
 }
 .bg-g{
  background: #f4f4f4;
 }

.title {
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 40rpx;
  color: #333333;
}



.items {
  margin: 0 20rpx 0 10rpx;
}

.items:last-child {
	padding-right: 20rpx;
}

.img {
  width: 100rpx;
  height: 100rpx;
  font-size: 0;
  margin: auto;
}

.img image {
  width: 100%;
  height: 100%;
  border-radius: 50rpx;
}


.loading, .empty {
  text-align: center;
  font-size: 26rpx;
  width: 100%;
  height: 120rpx;
  line-height: 120rpx;
  color: #999999;
  margin-top: 50rpx;
}
